/*
 *  uix-notify-container styles
 */
.uix-notify-container.uix-notify-fixed {
  position: fixed;
  float: right;
  width: 90%;
  max-width: 400px;
  z-index: 9999;
  &.top-right {
    top: 10px;
    right: 15px;
  }
  &.bottom-right {
    bottom: 10px;
    right: 15px;
  }
  &.middle-right {
    top: 49%;
    right: 15px;
  }
  &.top-left {
    top: 10px;
    left: 15px;
  }
  &.bottom-left {
    bottom: 10px;
    left: 15px;
  }
  &.middle-left {
    top: 49%;
    left: 15px;
  }
  &.top-center {
    top: 10px;
    left: 50%;
    margin-left: -200px;
  }
  &.bottom-center {
    bottom: 10px;
    left: 50%;
    margin-left: -200px;
  }
  &.middle-center {
    top: 49%;
    left: 50%;
    margin-left: -200px;
  }
}

/*
 * uix-notify-item styles
 */
.uix-notify-container {
  & > .uix-notify-item {
    padding: 10px;
    padding-right: 35px;
    margin-bottom: 10px;
    cursor: pointer;
  }
  & > button {
    border: none;
    outline: none;
  }
  & > .uix-notify-item.ng-enter,
  & > .uix-notify-item.ng-leave {
    -webkit-transition: 0.5s linear all;
    -moz-transition: 0.5s linear all;
    -o-transition: 0.5s linear all;
    transition: 0.5s linear all;
  }
  & > .uix-notify-item.ng-enter,
  & > .uix-notify-item.ng-leave.ng-leave-active {
    opacity: 0;
  }
  & > .uix-notify-item.ng-leave,
  & > .uix-notify-item.ng-enter.ng-enter-active {
    opacity: 1;
  }
  & > div.uix-notify-item {
    background-position: 12px center;
    background-repeat: no-repeat;
  }
}

/*
 * uix-notify-title styles
 */
.uix-notify-title {
  font-size: 16px;
}

/*
 * uix-notify-message styles
 */
.uix-notify-item.icon {
  & > .uix-notify-title {
    margin: 0 0 0 40px;
  }
  & > .uix-notify-message {
    margin: 0 0 0 40px;
  }
}

/*
 * uix-notify background images
 */
.uix-notify-container {
  & > .alert-info.icon {
    /* for the white images
    background-image: url("");
    */
    background-image: url("");
  }
  & > .alert-error.icon {
    /* for the white images
    background-image: url("");
    */
    background-image: url("");
  }
  & > .alert-success.icon {
    /* for the white images
    background-image: url("");
    */
    background-image: url("");
  }
  & > .alert-warning.icon {
    /* for the white images
    background-image: url("");
    */
    background-image: url("");
  }
}
